<div class="tab-header" xmlns="http://www.w3.org/1999/html">
    <div class="title">
        <i class="fa fa-bars"></i><span>详查分布图</span>
    </div>
</div>
<div class="single-panel">
    <form id="fwRadioForm" class="form-horizontal">
        <div class="form-group">
            <label class="col-md-3 control-label" for="circledetailedfwNum">详查房屋数</label>
            <div class="col-md-8">
                <input type="text" class="form-control" id="circledetailedfwNum" name="circledetailedfwNum" readonly/>
            </div>
        </div>
        <input type="radio" name ="rdDetailedStatistics" id="dr1" value="一"  checked>建筑物类型&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="radio" name ="rdDetailedStatistics" id="dr2" value="二"  >年代 </br>
        <input type="radio" name ="rdDetailedStatistics" id="dr3" value="三"  >抗震设防烈度
        </br>
        </br>

        </br>
        </br>
        <ul class="nav-map nav-tabs" id="myTab">
            <li style="width: 200px; text-align: center;" >
                <a href="#detailedmapbuildingTypeState" id="detailedmapbuildingTypelab" role="tab" data-toggle="tab">建筑物类型</a>
            </li>
            <li style="width: 200px; text-align: center;" >
                <a href="#detailedmapmapageBuildTimeState" id="detailedmapmapageBuildTimelab" role="tab" data-toggle="tab" >年代</a>
            </li>
            <li style="width: 200px; text-align: center;">
                <a href="#detailedmapearthquakeState" id="detailedmapearthquakelab" role="tab" data-toggle="tab">抗震设防烈度</a>
            </li>

        </ul>
        <div class="tab-pane fade" id="detailedmapbuildingTypeState" style="width: 100%;text-align: center;">
            <div id="detailedmapbuildingType" style="display: inline-block;width: 85%; height: 600px; margin: 0 auto;"></div>
        </div>
        <div class="tab-pane fade" id="detailedmapmapageBuildTimeState" style="width: 100%;text-align: center;">
            <div id="detailedmapmapageBuildTime" style="display: inline-block;width: 85%; height: 600px; margin: 0 auto;"></div>
        </div>
        <div class="tab-pane fade" id="detailedmapearthquakeState" style="width: 100%;text-align: center;">
            <div id="detailedmapearthquake" style="display: inline-block;width: 85%; height: 600px; margin: 0 auto;"></div>
        </div>


    </form>
</div>




